body{
    background-color: #363433;
}
/*
导航栏
 */
.nav_bottom{
    margin-bottom: 8px;
}
.nav-logo{
    height: 30px;
    margin: 10px 30px 10px;
}
.btn-search{
    background-color: #fc5531;
    color: white;
    border-radius: 25px;
    width: 100px;
}
.btn-write-blog{
    margin-top:8px;
    background-color: #fc5531;
    color: white;
    border-radius: 25px;
    width: 100px;
}
.btn-write-blog:hover{
    margin-top:8px;
    background-color: #fc5531;
    color: white;
    border-radius: 25px;
    width: 100px;
}
.btn-search:hover{
    background-color: white;
    color: #fc5531;
    border-radius: 25px;
    width: 100px;
}
.search-input{
    width: 600px;
    border-radius: 25px;
    margin-left: 400px;
    padding-top: 10px;
}
.navbar-nav li:hover{
    background-color: #f0f0f5;
}
.user-head{
    height:35px;
    width: 35px;
    margin-top: 7px;
    border-radius: 50%;
    box-shadow: rgb(0 0 0) 1px 1px 12px 1px;
}

/*轮播图*/
.rotationMap_item{
    width: 100%;
    height: 100%;
}

.rotationMap_dots li{
    border-radius: 0px;
    width: 40px;
    height: 5px;
    margin: 0px;
    border: black solid 1px;
}

.rotationMap_dots .active{
    border-radius: 0px;
    width: 40px;
    height: 5px;
    background-color: black;
}

/*热门推荐*/
.hot_item{
    border: black solid 1px;
    margin-bottom: 10px;
    background-color: #f2f2f2;
}
.hot_item:hover{
    border: black solid 1px;
    margin-bottom: 10px;
    background-color: white;
}
.recent_item{
    border: black solid 1px;
    margin-bottom: 10px;
    background-color: #f2f2f2;
}
.recent_item:hover{
    border: black solid 1px;
    margin-bottom: 10px;
    background-color: white;
}
.zero_padding{
    padding-left: 10px;
    padding-right: 10px;
    cursor: pointer;
}
.hot_content{
    padding:10px
}
.head-style{
    color: white;
}

.user-head-icon {
   margin-right: 45px;
}
.user-login-register{
     position: relative;
    margin-right: 45px;
}
.drop-box{
    position: absolute;
    background-color: white;
    min-height: 280px;
    width: 250px;
    z-index: 9999;
    margin-left: -100px;
    display: flex;
    flex-direction: column;
}
.drop-nickname-box{
    width: 100%;
    height: 80px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.drop-nickname{
      font-size: 18px;
      font-weight: bold;
}
.drop-info-box {
    width: 100%;
    height: 35px;
    display: flex;
    flex-direction: row;
    align-content: space-around;
}
.drop-info-fans{
    display: flex;
    margin-left: 40px;
    width: 30px;
    align-items: center;
    flex-direction: column;
}
.drop-info-concern{
    display: flex;
    width: 30px;
    margin-left: 45px;
    align-items: center;
    flex-direction: column;
}
.drop-info-thumbs{
    display: flex;
    width: 30px;
    margin-left: 45px;
    align-items: center;
    flex-direction: column;
}
.drop-info-msg{
    color: #999aaa;
}
.drop-info-one{
      font-size: large;
      font-weight: bold;
}
.drop-nav-box{
       display: flex;
       width: 100%;
       height: 140px;
       flex-direction: column;
}
.drop-info-option{
    width: 100%;
    height: 40px;
    display: flex;
    flex-direction: row;
     align-items: center;
    padding-left: 15px;
    color: #999aaa;
}
.drop-info-option:hover{
    background-color: #f2f2f2;
    cursor: pointer;
}
.drop-info-icon{
    color: #999aaa;
    padding-right: 5px;
}
.drop-exit-box{
    width: 100%;
    height:55px;
    border-top: #eeeeee solid 1px;
}
.drop-exit-option {
    margin-top: 5px;
}
.hot-list{
    display: flex;
    flex-direction: column;
}
.recent_list{
    display: flex;
    flex-direction: column;
}
.hot_word{
    width: 500px;
    font-size: 14px;
    margin-top: 12px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    height: 20px;
}